<template>
  <div class="person">
    <h2>姓名: {{ name }}</h2>
    <h2>年龄: {{ age }}</h2>
    <h2>年龄: {{ car }}</h2>
  </div>
</template>

<script>
export default {
  name: "Handler",
  // 第一种方法制作
  // props: ["name", "age"],
  // 第二种方法  名称+数据类型
  // props:{
  //   name:String,
  //   age:Number,
  //   car:Object
  // }
  // 第三种方法
  props:{
    name:{
      type:String,
      required:false,
      default:'张三'
    },
    age:{
      type:Number,
      required:false,
      default:20,
    },
    car:{
      type:Object,
      required:false,
      default(){
        return {bander:'奔驰',parice:'289333'}
      }
    }
  }
};
</script>

<style scoped>
</style>